/* ===== scrollbars.css =================================================
  == Styles used by XUL scrollbar-related elements.
  ======================================================================= */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */


/*:::::::: Rounded scrollbars Mod by Kelly Cunningham <kelly@webether.com>
:::::::::: Derived from a style
:::::::::: Developed by Alex W. <lucx@shaw.ca>
::::::::::*/

scrollbar {
	-moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
	cursor: default;
}

scrollbar[orient="vertical"] {
	width:15px;
	padding: 0px !important;
	margin: 0px !important;
	/*list-style-image: url("chrome://global/skin/scrollbar/up-full.png");*/
	background: url("chrome://global/skin/scrollbar/vertical-background.png") no-repeat bottom right /* #E6E6E6 */;
}


scrollbar[orient="horizontal"] {
	height:15px;
	padding: 0px !important;
	margin: 0px !important;
	/*list-style-image: url("chrome://global/skin/scrollbar/left-full.png");*/
	background: url("chrome://global/skin/scrollbar/horizontal-background.png")  no-repeat bottom right /* #E6E6E6 */;
}


/*:::::::: Rounded scrollbars 
:::::::::: A Charamel original style
:::::::::: Developed by Alex W. <lucx@shaw.ca>
::::::::::*/

/* ::::: thumb (horizontal) ::::: */
/*topcap*/
thumb[orient="vertical"]{
	min-height: 24px;
	background:url("chrome://global/skin/scrollbar/thumb-topcap.png") no-repeat top left;
}
/*
thumb[orient="vertical"][selected="true"]{
	min-height: 24px;
	background:url("chrome://global/skin/scrollbar/thumb-topcap-ai.png") no-repeat top left !important;
}*/

/*bottom cap*/

gripper{
	-moz-box-flex: 1;	
}

thumb[orient="vertical"] > gripper {
	top: 12px;
	width:15px;
	background:url("chrome://global/skin/scrollbar/vertical-thumb-end_opaque.png") no-repeat bottom left;	
}


/*startcap*/
thumb[orient="horizontal"] {
	min-width: 24px;
	background:url("chrome://global/skin/scrollbar/thumb-startcap.png") no-repeat top left !important;
}

/*endcap*/
thumb[orient="horizontal"] > gripper {
	height:15px;
	background:url("chrome://global/skin/scrollbar/horizontal-thumb-end_opaque.png") no-repeat top right;	
}

/* :: scrollbar button :: */

scrollbarbutton {
	background-repeat: no-repeat;
}

/* .. increment . */

scrollbarbutton[type="increment"] {
	position: absolute;
	margin: 0px 0px 0px -9px;
	min-width: 24px;
	min-height: 15px;
	background: url("chrome://global/skin/scrollbar/right_cut.png");
}

scrollbarbutton[type="increment"]:hover:active {
	background: url("chrome://global/skin/scrollbar/right-active_cut.png");
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
	position: absolute;
	margin: -9px 0px 0px 0px;
	min-width: 15px;
	min-height: 24px;
	background: url("chrome://global/skin/scrollbar/down_cut.png") no-repeat bottom left;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover:active {
	background: url("chrome://global/skin/scrollbar/down-active_cut.png");
}

/* .. decrement . */

scrollbarbutton[type="decrement"] {
	margin: 0px -9px 0px 0px;
	min-width: 24px;
	min-height: 15px;
	background: url("chrome://global/skin/scrollbar/left.png");
}

scrollbarbutton[type="decrement"]:hover:active {
	background: url("chrome://global/skin/scrollbar/left-active.png");
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
	margin: 0px 0px -9px 0px;
	min-width: 15px;
	min-height: 24px;
	background: url("chrome://global/skin/scrollbar/up.png");
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover:active {
	background: url("chrome://global/skin/scrollbar/up-active.png");
}

scrollcorner {
	background-color: #FFFFFF;
}

/* :: */
/*  MEDIA PRINT : */
/* :: */
@media print {
	html|div scrollbar {
		-moz-appearance: scrollbartrack-horizontal;
		-moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
		cursor: default;
		background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
	}

	html|div scrollbar[orient="vertical"] {
		-moz-appearance: scrollbartrack-vertical;
	}

/* :: borders for thumb and buttons :: */

	html|div thumb,
	html|div scrollbarbutton {
		border: 2px solid;
		-moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
		-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
		-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
		-moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
		background-color: -moz-Dialog;
	}

/* :: thumb (horizontal) :: */

	html|div thumb {
		-moz-appearance: scrollbarthumb-vertical;
		min-height: 8px;
	}

	html|div thumb[orient="horizontal"] {
		-moz-appearance: scrollbarthumb-horizontal;
		min-width: 8px;
	}

	html|div thumb > gripper {
		-moz-appearance: scrollbargripper-vertical;
	}

	html|div thumb[orient="horizontal"] > gripper {
		-moz-appearance: scrollbargripper-horizontal;
	}

/* :: scrollbar button :: */

	html|div scrollbarbutton {
		background: -moz-Dialog no-repeat 0px 1px;
		min-width: 15px;
		min-height: 15px;
	}

	html|div scrollbarbutton:hover:active {
		-moz-border-top-colors: ThreeDShadow -moz-Dialog;
		-moz-border-right-colors: ThreeDShadow -moz-Dialog;
		-moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
		-moz-border-left-colors: ThreeDShadow -moz-Dialog;
		background-position: 1px 2px;
	}

/* .. increment . */

	html|div scrollbarbutton[type="increment"] {
		-moz-appearance: scrollbarbutton-right;
		background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
	}

	html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
		-moz-appearance: scrollbarbutton-down;
		background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
	}

/* .. decrement . */

	html|div scrollbarbutton[type="decrement"] {
		-moz-appearance: scrollbarbutton-left;
		background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
	}

	html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
		-moz-appearance: scrollbarbutton-up;
		background-image: url("chrome://global/skin/arrow/arrow-up.gif")
	}
}